<template>
  <table class="table table-bordered table-stripped">
    <!-- 表格标题区域 -->
    <thead>
      <tr>
        <th>序号</th>
        <th>资产名称</th>
        <th>价格</th>
        <th>创建时间</th>
        <th>操作</th>
      </tr>
    </thead>
    <!-- 表格主体区域 -->
    <tbody>
      <tr v-for="item in list" :key="item.id">
        <slot name="newId" :myId="item.id"> </slot>
        <slot name="newName" :isAssets="item.name"></slot>
        <slot name="newPrice" :isPrice="item.price"></slot>
        <slot name="newTime" :isTime="item.time"></slot>
        <slot name="operation"></slot>
        <!-- <td> {{ item.id }} </td>
        <td>{{item.name}}</td>
        <td>{{item.price}}</td>
        <td>{{item.time}}</td>
        <td>
          <a href="">删除</a>
        </td> -->
      </tr>
    </tbody>
  </table>
</template>

<script>
import 'bootstrap/dist/css/bootstrap.css'
export default {
  name: 'MyTable',
  props: {
    list: {

      type: Array,
      required: true
    }
  },
  data () {
    return {

    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>

</style>
